.page-index{
	position: relative;
	overflow: hidden;
	
	.canvascss{
		position: absolute;
		bottom: 100vh;
		left: 100vw;
		opacity: 0;
	}
	
	.orderBox{
		padding: 24rpx;
		.orderItem{
			background: #fff;
			border-radius: 16rpx;
			padding: 24rpx;
			.orderInfo{
				display: flex;
				align-items: center;
				padding: 12rpx 0;
				font-size: 24rpx;
				.orderValue{
					margin-left: 16rpx;
				}
			}
		}
	}
	.imageBox{
		padding: 24rpx;
		.uploadBox {
			background: #fff;
			display: flex;
			flex-wrap: wrap;
			padding: 24rpx;
			.uploadImage {
				border-radius: 12rpx;
				border: 1px dashed #d9d9d9;
				width: 142rpx;
				height: 142rpx;
				display: flex;
				align-items: center;
				justify-content: center;
				margin-right: 20rpx ;
				margin-bottom: 24rpx;
				.photo {
					width: 32rpx;
					height: 32rpx;
				}
			}
			.images{
				margin-right: 20rpx ;
				border-radius: 12rpx;
				width: 142rpx;
				height: 142rpx;
				margin-bottom: 24rpx;
			}
		}
	}
	.submit{
		display: flex;
		justify-content: center;
		padding: 24rpx;
		.finish{
			text-align: center;
			// width: 500rpx;
			width: 100%;
			height: 88rpx;
			line-height: 88rpx;
			border-radius: 16rpx;
			background: $base;
			color: #fff;
		}
	}
}